<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <title>屠龙传说</title>
    <style type="text/css">
        * { margin: 0; padding: 0; }
        html { font-size: 62.5%; font-family: "Microsoft YaHei", "Times New Roman", Georgia, Serif;}
        body { width: 100%; background: #f6f6f6; color: #999; }
        img { border: 0; }
        .wrapper { margin: 0 auto; text-align: center; width: 100%; font-size: 0.28rem; }
        .head { height: 1.04rem; background: #3b3b3b; padding-top: 0.32rem; }
        .logo { float: left; width: 2.77rem; height: 0.84rem; margin-left: 0.2rem; }
        .home { float: right; width: 0.57rem; height: 0.66rem; margin-right: 0.2rem; }
        .banner { width: 7.2rem; height: 4.26rem; }
        .service { background: #89a9cf; border-radius: 40px; height: 0.76rem; color: #fff; font-size: 0.28rem; line-height: 0.76rem; width: 7rem; margin: 0.2rem auto; }

        .describe{ background:#fff; margin-top:0.3rem; clear:both; padding: 0.15rem 0.24rem;font-size:0.25rem; text-align:left; }
        .describe  h3{ color:#333; font-size:0.25rem; font-weight:normal; margin-bottom:0.08rem;}
        .picshow {margin-bottom:0.42rem; font-size: 0; overflow:hidden;}
        .picshow img { float: left; width: 32.8%; height: 4.05rem; margin-left: 0.5%; margin-bottom: 0.05rem; }
        h3.item-title{height: 0.3rem; margin-bottom: 0.15rem; color: #333;}
        h3.item-title img{height: 0.3rem;width: 0.3rem;margin: 0 0.1rem 0 0;float: none;vertical-align: top;}
        h3.item-title span{height: 0.3rem;line-height: 0.3rem;margin-right: 0.1rem; display: inline-block;vertical-align: top; font-size: 0.3rem;}
    </style>
    <script>
        function rem(psdWidth){
            var docEl = document.documentElement,
                    w = docEl.clientWidth;
            docEl.style.fontSize = 100 * (w / psdWidth) + 'px';
        }
        rem(720);
        window.onresize = function(){rem(720)}
    </script>
</head>

<body>
<div class="wrapper">
    <div class="head"> <img src="logo.png" class="logo" />
        <div><a href="#"><img src="http://test.51shenzhuang.com/resources/images/gamecity/gamecity_home_v2.png"  class="home" /></a></div>
    </div>
    <div class="content" >
        <!-- download  begain-->
        <div style="border:1px solid #cccccc; width:7rem;margin:0.1rem; float:left; padding:0.3rem 0; margin-bottom:0.2rem; background:#fff;">
            <div style=" margin-left:0.3rem;"> <img src="http://test.51shenzhuang.com/resources/images/gamecity/game_ico.jpg" style="width:1.33rem; height:1.24rem; float:left;">
                <div style="float:left; text-align:left; margin-left:0.3rem;">
                    <h3 style="color:#323232; font-size:0.36rem;    font-weight: normal;">屠龙传说</h3>
                    <p style="color:#469b46; font-size:0.28rem; margin-top:0.2rem;">下载量：28万+</p>
                </div>
                <div style="float:right"> <a href="http://down.zantainet.com/zantai_cqllh5.apk">
                    <div style="float:right; background:#fe8301; width:1.5rem; height:0.7rem; color:#fff; border-radius:5px; line-height:0.7rem;  margin:0.2rem 0.3rem 0.1rem 0;">快速下载</div>
                </a>
                    <div style="color:#fc8300; font-size:0.2rem; text-align:left;">下载费用: 0元</div>
                </div>
            </div>
        </div>
        <!-- download  end-->
        <div class="describe">
            <div style="border-bottom:1px solid #ddd;padding-bottom:0.2rem;margin-bottom:0.15rem;">
                <h3 class="item-title"><img src="/resources/images/gamecity/ico_yy.png"><span>应用介绍:</span></h3>
                <p style="text-indent:0.5rem;">《屠龙传说》是一款东方玄幻题材的RPG游戏，在游戏庞大的玄幻世界中，玩家纵横玛法大陆，降妖伏魔，各种奇遇;引人入胜的剧情，豪放旷野的场景，丰富多变的小怪，霸气智能的BOSS，为玩家展现一个原汁原味的玄幻世界。</p>
            </div>

            <!-- picture show  begain-->
            <div class="picshow" style="border-bottom:1px solid #ddd;padding-bottom:0.2rem;margin-bottom:0.15rem;">
                <h3 class="item-title"><img src="/resources/images/gamecity/ico_jt.png"><span>游戏截图:</span></h3>
                <div style="margin: 0;padding: 10px 0;">
                                                                        <img src="1.png">
                                                    <img src="2.png">
                                                    <img src="3.png">
                                                <div style="clear: both;"></div>
                                    </div>
            </div>

            <div style="margin-bottom:0.15rem;">
                <h3 class="item-title">
                    <img src="/resources/images/gamecity/ico_xx.png">
                    <span>其它信息:</span>
                </h3>
                <p style="text-indent:0.5rem;">运营公司：上海赞钛网络科技有限公司</p>
                <p style="text-indent:0.5rem;">备案号：<a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备16047984号-1</a></p>
            </div>
        </div>
        <!-- picture show  end-->

    </div>
    <div style="background:#f6f6f6; clear:both; padding:0.3rem 0 0.6rem; text-align:center; font-size:0.2rem;">
        <p style="color:#999;">关于我们 | 联系我们</p>
        <p style="color:#999; margin-top:0.2rem;">Copyright&copy;2014-2018屠龙传说</p>
    </div>
</div>
</body>
</html>